<!DOCTYPE html>
<html>
<head>
    <title>Single</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>

    <!--theme-style-->
    <link href="/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="/css/etalage.css" type="text/css" media="all"/>
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    <!--//fonts-->
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.easydropdown.js"></script>
    <script src="/js/jquery.etalage.min.js"></script>
    <script src="http://g.tbcdn.cn/sj/lib/jquery/dist/jquery.min.js"></script>
    <script>
        jQuery(document).ready(function ($) {

            $('#etalage').etalage({
                thumb_image_width: 300,
                thumb_image_height: 400,
                source_image_width: 900,
                source_image_height: 1200,
                show_hint: true,
                click_callback: function (image_anchor, instance_id) {
                    alert('Callback example:\nYou clicked on an image with the anchor: "' + image_anchor + '"\n(in Etalage instance: "' + instance_id + '")');
                }
            });

        });
    </script>

</head>
<body>
<!--header-->
<div class="header">
    <div class="top-header">
        <div class="container">
            <div class="top-header-left">
                <ul class="support">
                    <li><a href="#"><label> </label></a></li>
                    <li><a href="#">24x7 live<span class="live">运动圈</span></a></li>
                </ul>
                <ul class="support">
                    <li class="van"><a href="#"><label> </label></a></li>
                    <li><a href="/page/front_page/mall/mall_cart.html"> <span class="live">购物车</span></a></li>
                </ul>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
<div>

<h2>我的订单</h2>
 <hr/>
   <table border="1">
        <thead>
        <tr>
            <th colspan="5">
                <label>
                    <input type="checkbox">订单编号：7867473872181848
                </label><span class="pull-right">成交时间：2014-01-11 11:59</span>
            </th>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td width="50%">
                <div class="typographic"><img src="http://img.f2e.taobao.net/img.png_50x50.jpg"><a href="#" class="block-text">包邮 正品玛姬儿压缩面膜无纺布纸膜100粒 送泡瓶面膜刷喷瓶 新款</a><span>1</span>

                </div>
            </td>
            <td rowspan="2" class="center" width="11%">56.50</td>
            <td rowspan="2" class="center" width="13%">
                <ul class="unstyled">
                    <li>交易成功</li>
                    <li><a href="#">订单详情</a></li>
                    <li><a href="#">对方已评</a></li>
                </ul>
            </td>
            <td rowspan="2" class="center" width="13%"><a href="#" class="btn">评价 </a></td>
            <td rowspan="2" class="center" width="13%">
                <ul class="unstyled">
                    <li><a href="#">删除</a></li>
                </ul>
            </td>
        </tr>
        <tr>
            <td width="50%">
                <div><img src="http://img.f2e.taobao.net/img.png_50x50.jpg"><a href="#" class="block-text">包邮 正品玛姬儿压缩面膜无纺布纸膜100粒 送泡瓶面膜刷喷瓶 新款</a><span>1</span>

                </div>
            </td>
        </tr>
        </tbody>
    </table>




</div>
</body>

</html>